Dark Mode 暗黑模式

全系統暗黑模式:iOS、iPadOS、macOS和tvOS支援暗黑模式,它使用深色調色盤,適合低光環境,幫助使用者減少眼睛疲勞。使用者通常期望所有應用都支援暗黑模式,並遵守他們的系統外觀偏好。
最佳實踐
避免應用內單獨設定外觀模式:應用內的獨立外觀設定會增加使用者的操作負擔,並可能導致他們認為應用沒有響應系統設定。
確保應用在兩種模式下都表現良好:使用者可能會使用自動外觀設定,讓系統在不同時間或條件下自動切換外觀。因此,應用應在光亮和暗黑模式下均保持清晰易讀。
測試對比度和可讀性:特別是在開啟“增加對比度”和“減少透明度”時,確保暗黑模式下的文字與背景有足夠的對比度,避免使用低對比度的顏色組合。

Dark Mode 顏色
顏色並非簡單反轉:暗黑模式的調色盤使用更暗的背景色和更亮的前景色,但這些顏色並不只是淺色模式的反轉版本。應使用適應當前外觀的顏色(如系統定義的語義顏色),而非硬編碼顏色值。
確保足夠的對比度:前景與背景的對比度應不低於4.5:1。對於小文字,推薦的對比度為7:1。

圖示和影象
使用SF Symbols:SF Symbols會自動適應暗黑模式,並支援動態顏色和活力效果。
為不同模式設計圖示:在某些情況下,圖示在不同背景下需要調整。例如,黑色圖示在暗背景下可能需要白色邊框以提高可見性。

確保全綵影象在兩種模式下表現良好:如果一張影象在某一模式下顯示不好,考慮修改或建立專門的淺色和深色版本。

文字
使用系統提供的標籤顏色:iOS和macOS提供的主標籤色、次標籤色等會自動適應不同外觀模式,確保文字在各種背景下清晰可見。

使用系統檢視顯示文字:系統檢視和控制元件會根據是否啟用活力效果自動調整文字外觀,確保在所有背景下文字都能很好地顯示。
iOS和iPadOS:
暗黑模式使用兩種背景顏色集(基礎和高亮)來增強深度感。當前景介面位於背景介面之上時,前景介面會使用更亮的顏色,背景介面則使用較暗的顏色,提供層次感。

macOS:
當使用者選擇石墨色強調色時,macOS會讓視窗背景從當前桌面桌布中吸取顏色,這一效果稱為桌面染色。適當使用透明度可以幫助元件與背景和諧融合。